<template>
  <div class="footer">
    <p>
      Copyright&copy;2020.{{ $t("Footer_Copyright") }}:
      <a  href="https://www.dockernb.com" style="color: #2361ae" target="_blank">
        {{ $t("Footer_Company") }}
      </a>
      {{ $t("Footer_Support") }}
      <a href="https://gitee.com/xinghuankj/FASTOSDOCKER-UPDATA" style="color: #2361ae" target="_blank" rel="noopener noreferrer">
        {{ this.$store.state.newEdition || this.$store.state.edition }} 
        <sup v-if="this.$store.state.newEdition" style="color: red">new</sup>
      </a>
      {{ $t("Footer_Mail") }}:
      <a class="mail" href="mailto:xinghuan@xinghuankj.com" target="_blank" >xinghuan@xinghuankj.com</a>
    </p>
  </div>
</template>
<style lang='scss' scoped>
.footer {
  flex-shrink: 1;
  text-align: center;
  line-height: 80px;
  font-size: 12px;
  a {
    text-decoration: none;
  }
}
.mail{
  color: #2361ae;
}
</style>